﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Portfolio Overview - Ally Moriarty</title>

<!--    <link rel="stylesheet" href="favicon.ico">-->
    <link rel="stylesheet" href="css/site.css">
    <link rel="stylesheet" href="css/portfolio.css">
    <script src="js/app.js" defer></script>
    <script></script>

</head>
<body>
<header>
<nav>
    <ul>
        <li><a href="index.html">Home</a></li>
        <li><a href="portfolio.html">Portfolio</a></li>
        <li class="work-item-nav"><a  href="workitem.html?item=1">Item #1</a></li>
        <li class="work-item-nav"><a href="workitem.html?item=2">Item #2</a></li>
        <li class="work-item-nav"><a href="workitem.html?item=3">Item #3</a></li>
    </ul>
</nav>
</header>

<main id="portfolio-main">
    <div class="highlights">
        <div>
            <h2>O1.Kids<br/> Sports<br/> Website</h2>
            <a href="workitem.html?item=1">see more</a>
        </div>
        <img src="img/gallery-big-1.jpg" alt="Shows off a website for kids sports has two kids playing on the front.">
    </div>
    <div class="highlights invert">
        <div>
            <h2>O2.Pet<br/> Adoption<br/> Campaign</h2>
            <a href="workitem.html?item=2">see more</a>
        </div>
        <img src="img/gallery-big-2.jpg" alt="Shows off a website for kids sports has two kids playing on the front.">
    </div>
    <div class="highlights">
        <div>
            <h2>03.Pub<br/> Website</h2>
            <a href="workitem.html?item=3">see more</a>
        </div>
        <img src="img/gallery-big-3.jpg" alt="Shows off a website for kids sports has two kids playing on the front.">
    </div>
</main>

<footer>
    &copy; <span id="copyrightYear">2027 </span> by Ally Moriarty!
</footer>
<script src="js/app.js"></script>
<script>
    app.portfolio();
</script>
</body>
</html>